Hexo+Github+coding搭建个人博客 - GitHub 篇

有GitHub的直接登录,没有的GitHub注册

创建仓库

仓库(Repository)用来放置代码文件,登录之后点击右上角加号,点击New repository

New repository
创建时,只需要填写Repository name即可,当然这个名字的格式必须为youName.github.io(youName为你的Github用户名),例如我的为Mercis.github.io

配置SSH Key

为了防止每次部署需要输入密码的麻烦,这里使用SSH Key登录
生成SSH Key,yourEmail@example.com 替换为你自己的邮箱,过程中需要输入密码等操作,可以全部回车使用默认的

1
$ ssh-keygen -t rsa -b 4096 -C "yourEmail@example.com"

完成之后,用户目录下回多一个.ssh文件夹,里面包含id_rsa和id_rsa.pub两个文件
复制id_rsa.pub中的内容
添加SSH key到GitHub

1
2
3
4
5
6
进入GitHub账号设置页面
左侧选择 **SSH and GPG keys**
点击 **New SSH key** 或者 **Add SSH key**
在'Title'字段中填写此SSH Key的名称,在'Key'字段中填写上面复制好的内容
点击 **Add SSH key**
输入账户密码确定操作

测试SSH Key 是否配置成功,返回 Hi youName!…..表示成功

1
$ ssh -T git@github.com

详细步骤请查看GitHub官方添加SSH Key教程

部署Hexo项目到GitHub

部署之前,安装hexo-deployer-git插件

1
$ npm install hexo-deployer-git --save

打开Hexo博客目录下的站点配置文件_config.yml,修改部署配置:

1
2
3
4
deploy:
type: git
repo: git@github.com:youName/youName.github.io.git
branch: master

执行Hexo部署命令,执行成功后,登录GitHub项目已经有你Hexo项目文件了

1
$ hexo deploy

开启GitHub Pages功能
因为youName.github.io项目名称是用的youName,所以GitHub Pages是默认配置好的

添加新文章

创建文章

1
$ hexo new "myNewPost"

编辑文章内容
打开Hexo博客目录下的source/_post/myNewPost.md
Hexo 中文章是使用的Markdown语法,不知道MarkDown的自行百度,附送非官方链接语法说明

1
2
3
4
5
6
7
8
9
10
11
12
13
---
title: myNewPost #最后生成的页面Title
tags:
- tag1
- tag2 # 文章标签
categories:
- category1 #文章分类
date: 2016-08-31 23:41:19 # 文章发表日期
---
这里是文章正文。
可以写文章首页简介
<!--more-->
这里的内容是查看详情才显示的

编辑完新文章之后
生成静态文件

1
$ hexo g

本地预览

1
$ hexo server

发布到GitHub

1
$ hexo deploy

然后就可以去你的youName.github.io查看一下啦….

坚持原创技术分享,您的支持将鼓励我继续创作!